<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../js/bootstrap-3.4.1-dist/css/bootstrap.css"> -->
    <link rel="stylesheet" href="../css/usermanage_DX.css">


    <style>

    </style>
</head>

<body>
    <div class="nav_bar">
        <div class="blue">用户管理</div>
    </div>
    <div id="bianjitanchu">
        <div class="nav">
            编辑详情
        </div>
        <ul>
            <li><input type="text" id="number"></li>
            <li><input type="text" id="name"></li>
            <li><input type="text" id="zhanghao"></li>
            <li><input type="text" id="phone"></li>
            <li><input type="text" id="jiagou"></li>
            <li><input type="text" id="juese"></li>
            <li><input type="text" id="quanxian"></li>
            <li><input type="text" id="kehu"></li>
            <li><button id="confirm">确认</button></li>
            <li><button id="cancel"> 取消</button></li>
        </ul>
    </div>
    <form action="">

        <div class="content">
            <div class="search">
                查询：<input type="text" placeholder="请输入用户名称/手机号/账号" id="search">
                组织架构：<select name="" id="">
                    <option value="">全部</option>
                </select>
                未分配用户：<select name="" id="">
                    <option value="">全部</option>
                    <option value="">显示</option>
                    <option value="">不显示</option>
                </select>
            </div>
            <div class="btn1">
                <div id="chaxun"><span class="glyphicon glyphicon-search tubiao" aria-hidden="true"></span>查询</div>
                <div id="chongzhi"><span class="glyphicon glyphicon-refresh tubiao" aria-hidden="true"></span>
                        重置
                </div>
                <!-- <div class="xinzeng" id="btn3">新增用户</div> -->
                <button id="btn3" type="button">新增用户</button>
            </div>
            <ul id="xinzengtanchu">
                <div class="header">
                    添加详情
                </div>
                <li><input type="text" id="number" value="" placeholder="序号："></li>
                <li><input type="text" id="name" value="" placeholder="用户名称"></li>
                <li><input type="text" name="" id="zhanghao" value="" placeholder="登录账号"></li>
                <li><input type="text" id="phone" value="" placeholder="手机号码"></li>
                <li><input type="text" id="jiagou" value="" placeholder="组织架构"></li>
                <li><input type="text" id="juese" value="" placeholder="所属角色"></li>
                <li><input type="text" id="quanxian" value="" placeholder="数据权限"></li>
                <li><input type="text" id="kehu" value="" placeholder="未分配客户"></li>

                <button id="addbtn" type="button">添加</button>

            </ul>
            <div class="biaodan">
                <table>
                    <tr>
                        <th>序号</th>
                        <th>用户名称</th>
                        <th>登录账号</th>
                        <th>手机号码</th>
                        <th>组织架构</th>
                        <th>所属角色</th>
                        <th>数据权限</th>
                        <th>未分配客户</th>

                        <th>操作</th>
                    </tr><br>
                    <tbody id="tball"></tbody>
                    <!-- <tr>
                        <td>1</td>  
                        <td>张三</td>
                        <td>zhangsan</td>
                        <td>19902314458</td>
                        <td>超级管理员</td>
                        <td>招商员</td>
                        <td>自己</td>
                        <td>显示</td>
                        <td><button class="xiangqin">详情</button>
                            <button class="bianji">编辑</button>
                            <button class="shanchu">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>王五</td>
                        <td>wangwu</td>
                        <td>19902314458</td>
                        <td>保定孵化器</td>
                        <td>管理员</td>
                        <td>看机构及以下</td>
                        <td>不显示</td>
                        <td><button class="xiangqin">详情</button>
                            <button class="bianji">编辑</button>
                            <button class="shanchu">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>zhangsan</td>
                        <td>19902314458</td>
                        <td>超级管理员</td>
                        <td>招商员</td>
                        <td>自己</td>
                        <td>显示</td>
                        <td><button class="xiangqin">详情</button>
                            <button class="bianji">编辑</button>
                            <button class="shanchu">删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>李四</td>
                        <td>lisi</td>
                        <td>19902314458</td>
                        <td>保定孵化器</td>
                        <td>管理员</td>
                        <td>看机构</td>
                        <td>不显示</td>
                        <td><button class="xiangqin">详情</button>
                            <button class="bianji">编辑</button>
                            <button class="shanchu">删除</button>
                        </td>
                    </tr> -->

                </table>
                <div class="content_bottom">

                    <div class="btn-group" role="group" aria-label="...">

                        <button type="button" class="btn btn-default" id="lastpage">上一页</button>

                        <button type="button" class="btn btn-default" id="nextpage">下一页</button>
                    </div>
                    <div>

                    </div>
                    第
                    <input type="text" id="inputPage">
                    页

                </div>

            </div>


    </form>



    <!-- <div class="creattime">
          <span>创建时间：</span>
          <img src="./images/u1191.svg" alt="">~<img src="./images/u1191.svg" alt="" class="date"> -->
    <!-- <div class="date">
            <p class="date1">
                <span>日期控件</span>
            </p>
          </div> 
        </div>
    </div>-->

</body>
<script src="../js/jquery.js"></script>
<!-- <script src="../js/bootstrap-3.4.1-dist/css/bootstrap.css"></script> -->
<script src="../../js/layer-v3.5.1/layer/layer.js"></script>
<script src="../js/usermanage_DX.js">

</script>

</html>